<template>
	<popup v-model="showPopup" :clickModalClose="true" @close="close">
		<view class="balance-question-wrapper">
			<view class="title title-decoration">关于余额</view>
			<view class="content">
				这里是关于余额的一些说明情况。 数九寒天，冰封千里。整个世界成了只大冰箱，山冷得在颤抖，河冻得僵硬了，空气也似乎要凝固起来。
				冬天的自然中最吸引人的，最独特的，最有代表性的，最可爱的还是非雪莫属。虽然，潼南很少见雪，但雪依然是我们所向往的，
				雪的洁白晶莹，玲珑剔透和奇妙无穷让人真的很心仪。我幻想着：当一场大雪过后铺天盖地到处一片银白色，有多美丽！
			</view>
		</view>
	</popup>
</template>

<script setup>
import { ref, computed } from 'vue';
const emits = defineEmits(['close', 'update:modelValue']);
const props = defineProps({
	modelValue: Boolean
});
const showPopup = computed({
	get() {
		return props.modelValue;
	},
	set() {
		emits('update:modelValue', false);
	}
});
function closeCallBack() {
	emits('close');
	showPopup.value = false;
}

function close() {
	if (props.clickModalClose) {
		closeCallBack();
	}
}
</script>

<style lang="scss" scoped>
.balance-question-wrapper {
	width: 450rpx;
	height: auto;
	max-height: 75vh;
	overflow-y: auto;
	padding: 50rpx;
	border-radius: 15rpx;
	background-color: #fff;
	.title {
		margin-bottom: 40rpx;
		text-align: center;
		font-size: 34rpx;
	}
	.content {
		font-size: 28rpx;
		color: #444;
	}
}
</style>
